<template>
<div>
<el-breadcrumb separator='-'>
<el-breadcrumb-item>首页</el-breadcrumb-item>
<el-breadcrumb-item>权限管理</el-breadcrumb-item>
<el-breadcrumb-item>权限列表</el-breadcrumb-item>
</el-breadcrumb>
<el-card>
<el-table :data="tableData">
<el-table-column type="index" label="#"></el-table-column>
<el-table-column label="权限名称" prop="authName">
</el-table-column>
<el-table-column label="路径" prop="path">
</el-table-column>
<el-table-column label="权限等级">
<template slot-scope="scope">
<el-tag v-if="scope.row.level=='0'">一级权限</el-tag>
<el-tag type="success" v-if="scope.row.level=='1'">二级权限</el-tag>
<el-tag type="warning" v-if="scope.row.level=='2'">三级权限</el-tag>
</template>
</el-table-column>
</el-table>
</el-card>
</div>
</template>

<script>
export default{
    data(){
    return{
        tableData:''
    }
    },
    methods:{
        getQuanxian(){
            this.$http.get('rights/list').then(data=>{
                if(data.data.meta.status !== 200){
                    this.$message.error('获取权限列表失败')
                }else{
                    this.tableData = data.data.data
                }
            })
        },
    },
    created(){
        this.getQuanxian()
    }
}
</script>
<style>

</style>